<template>
  <div class="demo-collapse">
    <el-collapse v-model="state.activeName" @change="collapsChange">
      <el-collapse-item title="人员数据推送" name="1">
      </el-collapse-item>
	  <el-collapse-item title="部门推送" name="2">
      </el-collapse-item>
	  <el-collapse-item title="生物模板推送" name="3">
      </el-collapse-item>
	  <el-collapse-item title="加密参数" name="4">
      </el-collapse-item>
	  <el-collapse-item title="微信公众号配置" name="4">
      </el-collapse-item>
	  <el-collapse-item title="app配置" name="4">
      </el-collapse-item>
	  <el-collapse-item title="h5配置" name="4">
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script setup lang="ts">
import { onMounted, reactive, ref } from 'vue'
const state = reactive({
	activeName:'2'
})
const collapsChange = (val: string[]) => {
  console.log(val)
}
// 页面加载时
onMounted(() => {
});
</script>

<style scoped lang="scss">
.table-demo-container {
	.table-demo-padding {
		padding: 15px;

		.table-demo {
			flex: 1;
			overflow: hidden;
		}
	}
}
</style>
